<template>
	<view class="module-block">
		<view class="demand-info">
			<view class="title">需求信息</view>
			<view class="list">
				<view class="item" v-for="(item, index) in demands.extend_info" :key='index'>
					<view class="label">{{item.field_name}}</view>
					<view class="value">{{item.field_val}}</view>
				</view>
				<view class="item" v-if="demands.content">
					<view class="label">需求备注</view>
					<view class="value">{{demands.content}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	/**
	 * 需求信息
	 * 
	 */
	export default {
		name: 'stCustomizeDemand',
		props:{
			demands: {
				type: Object,
				default: ()=>{return {}}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.module-block{
	padding: 0 24rpx;
	margin-bottom: 20rpx;
}
.demand-info{
	padding: 28rpx 24rpx 0;
	border-radius: 20rpx;
	background-color: $uni-bg-color;
	.title{
		line-height: 1.24;
		font-size: 34rpx;
		font-weight: bold;
	}
	.list{
		padding: 20rpx 0;
		.item{
			@extend .displayflex;
			padding: 20rpx 0;
			font-size: $uni-font-size-base;
			.label{
				width: 150rpx;
			}
			.value{
				@extend .flex1;
				width: 400rpx;
			}
		}
	}
}
</style>
